body{
	width: 100%;
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	font-family: -apple-system,helvetica,sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	/*background-color: #ccc;
	height: 2000px;*/
}


/*点击高亮我们需要清除*/
*{
	-webkit-tap-highlight-color: transparent;
}

/*在移动端丽蓝旗默认的外观在IOS上加上这个属性才能给按钮和输入框自定义样式*/
input{
	-webkit-appearance: none;
}

/*禁用长按页面时弹出菜单*/
img,
a{
	-webkit-touch-callout: none;
}
a{
	color: #666666;
	text-decoration: none;
}

img{
	vertical-align: middle;
}
.app{
	height: 45px;
	
}

ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.app ul li{
	float: left;
	height: 45px;
	line-height: 45px;
	background-color: #333333;
	text-align: center;
	color: #fff;
}

.app ul li:nth-child(1){
	width: 8%;
}
.app ul li:nth-child(1) img{
	width: 10px;
}
.app ul li:nth-child(2){
	width: 10%;
}
.app ul li:nth-child(2) img{
	width: 30px;
	/*图片默认和基线对齐，所以会偏上，一般有行内块元素都会有下面这个代码*/
	vertical-align: middle;
}
.app ul li:nth-child(3){
	width: 57%;
}
.app ul li:nth-child(4){
	width: 25%;
	background-color: #f63515;
}

/*搜索*/
.search-wrap{
	/*解决外边距重叠*/
	overflow: hidden;
	position: fixed;
	height: 44px;
	min-width: 320px;
	max-width: 640px;
	width: 100%;
}
.search-btn{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 44px;
	/*background-color: pink;*/
}
.search-btn::before{
	content: "";
	display: block;
	width: 20px;
	height: 18px;
	background: url("../img/s-btn.png") no-repeat;
	background-size: 20px 18px;
	margin: 14px 0 0 15px;
}
.search-login{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 44px;
	color: #fff;
	line-height: 44px;
	text-align: center;
	/*background-color: mediumpurple;*/
}

.search{
	position: relative;
	height: 30px;
	background-color: #fff;
	margin: 0 50px;
	border-radius: 15px;
	margin-top: 7px;
}

.jd-icon{
	position: absolute;
	width: 20px;
	height: 15px;
	top: 8px;
	left: 13px;
	background: url("../img/jd.png") no-repeat;
	background-size: 100% 100%;
	
}

.jd-icon::after{
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background-color: #ccc;
	top: 0;
	right: -8px;
}

.sou{
	position: absolute;
	top: 8px;
	left: 50px;
	width: 18px;
	height: 15px;
	background-color: pink;
	/*精灵图缩放的方法，在ps中将图片缩放一半，然后测量位置*/
	background: url("../img/jd-sprites.png") no-repeat -81px 0;
	/*再将h5的这个背景图缩放一半*/
	background-size: 200px auto;
}

.silder img{
	width: 100%;
}


/*蔡康永品牌日部分*/
.brand{
	/*不加这句话切的是背景图，所以加上之后多余的部分裁掉就可以了*/
	overflow: hidden;
	border-radius:20px 20px 0 0  ;
}
.brand div{
	float: left;
	width: 33.33%;
}

.brand div img{
	width: 100%;
}

/*nav*/
nav{
	margin-top: 10px;
}
nav a{
	float: left;
	width: 20%;
	text-align: center;
}

nav a img{
	width: 40px;
	margin: 10px 0;
}

nav a  span{
	display: block;
}

/*news*/
.news a{
	float: left;
	box-sizing: border-box;
}

.news{
	margin-top: 20px;
}
.news img{
	width: 100%;
}

.news a:nth-child(1){
	width: 50%;
}

.news a:nth-child(n+2){
	width: 25%;
	border-left: 1px solid #CCCCCC;
}

